<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>烘焙圈</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/ui-box.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>
<body class="body-pad cl-b-lgrey dongtai-body">
	<div class="ub ub-ac page-header row">
		<a href="#" class="clickable-deep"><span class="icon-back"></span></a>
		<div class="ub-f1 page-name">食谱动态</div>
		<a href="#" class="clickable-deep"><span class="icon-search"></span></a>
	</div>
	<div class="tab-section ub row cl-b-white f16">
		<div class="ub-f1"><a href="#" class="active cl-f-grey">默认</a></div>
		<div class="ub-f1"><a href="#" class="cl-f-grey">最新</a></div>
		<div class="ub-f1"><a href="#" class="cl-f-grey">收藏</a></div>
		<div class="ub-f1"><a href="#" class="cl-f-grey">人气</a></div>
	</div>
	<ul>
		<li class="dongtai-item cl-b-white row clickable">
			<div class="ub ub-ac">
				<div class="dongtai-img lazy" data-original="images/cake5.png"><img src="images/o7.png" class="oimg"></div>
				<div class="ub-f1 dongtai-text">
					<h3 class="cl-f-dgrey f16">90%成功率的戚风蛋糕</h3>
					<p class="dongtai-article cl-f-lgrey">不知道为什么，有一些人不喜欢胡萝卜有一些人不喜欢胡萝卜</p>
					<div class="option-wrapper ub">
						<div class="dongtai-info ub">
							<img src="images/touxiang2.png"><p class="cl-f-lgrey">卓而不凡V</p>
						</div>
					     <div class="like ub ub-pc ub-ac">
	   					 	<span class="icon-like-grey"></span><p class="like-text cl-f-lgrey">22</p>
	   					 </div>
						 <div class="comment ub ub-pc ub-ac">
	   					 	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey">45</p>
	   					 </div>
					</div>
				</div>
			</div>
		</li>
		
	</ul>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/jquery.lazyload.min.js"></script>
    <script src="js/custom.js"></script>
</body>
</html>